.sku {
    background-color: #fff;
    display: block;
    padding: 15px;

    .sku {

        &-item {
            display: flex;

            &-thumb {
                width: 80px;
                height: 80px;
                margin-right: 10px;
                object-fit: cover;
            }

            &-info {
                flex: 1;

                .price {
                    font-size: 18px;
                    color: #EF0A23;
                    font-weight: 500;
                }

                p {
                    color: #666;
                    font-size: 12px;
                }
            }
        }

        &-attrs {
            height: 300px;
            overflow: auto;

            &-content {
                display: block;
            }

            .sku-attr-group {
                padding: 15px 0;
                position: relative;
                font-size: 14px;

                &::after {
                    content: " ";
                    border-bottom: 1px #ddd solid;
                    position: absolute;
                    left: 0;
                    right: 0;
                    border-bottom: 0;
                    transform: scaleY(0.5);
                    transform-origin: 0 0;
                    z-index: 1;
                }

                .attr-title {
                    display: block;
                    margin-bottom: 10px;
                    font-weight: 500;
                }

                .attr-values {
                    display: flex;
                    flex-wrap: wrap;

                    &-item {
                        background-color: #fff2f2;
                        padding: 10px 15px;
                        border-radius: 5px;
                        margin-right: 10px;
                        line-height: 1;
                        cursor: pointer;
                    }

                    .active {
                        background-color: #EF0A23;
                        color: #fff;
                    }
                }
            }
        }

        &-button-group {
            display: flex;
            overflow: hidden;

            .v-btn {
                flex: 1;
                text-align: center;
                font-size: 16px;
                color: #fff;
                border: 0;
                float: left;
                height: 44px;
                line-height: 44px;
                display: inline-block;
                background-color: #FC461E;
                border-radius: 40px;
            }
        }
    }
}
